<!DOCTYPE html>
<html>
    <head>        
        <link rel="stylesheet" href="../recursos/css/loadingGif.css">		
        <link rel="stylesheet" type="text/css" href="../recursos/css/normalize.css" />
        <link rel="stylesheet" type="text/css" href="../recursos/css/foundation.css" />     
        <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
        <link href="../recursos/css/component.css"  rel="stylesheet" type="text/css" />
        <link href="../recursos/css/style.css" rel="stylesheet" type="text/css" />
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
        <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
        <script src="../recursos/js/jquery-ui-timepicker-addon.js"></script> 
        <script type="text/javascript" src="../recursos/js/jquery-ui-sliderAccess.js"></script>
        <script type="text/javascript" src="../recursos/js/funciones_generales.js"></script>
        <script type="text/javascript" src="../recursos/js/foundation.min.js"></script>
    </head>
    <body>
        <img id='loadingGif' src='../recursos/imagenes/ajax-loader.gif' alt='' />
        <!-- Navigation -->
        <div class="fixed">
            <nav class="top-bar"  data-topbar data-options="is_hover: false">
                <ul class="title-area">
                    <li class="name">
                        <h1><a href="index.php">Super Centro Los Ejecutivos</a></h1>
                    </li>
                </ul>
                <section class="top-bar-section">
                    <!-- Right Nav Section -->
                    <ul class="right">
                        <li class="has-dropdown">
                            <a class="menuPrincipal" href="#">Gestion de Boletas</a>
                            <ul class="dropdown">
                                <li><a class="menuPrincipal" page="bandejaInicio.html"  href="index.php">Generar Boleta</a></li>
                            </ul>
                        </li>
                        <li class="has-dropdown">
                            <a class="menuPrincipal" href="#">Maestros de Informacion</a>
                            <ul class="dropdown">
                                <li><a class="menuPrincipal" page="maestros/MaeCliente_lista.html" perm="MaeCliente.consultar" href="#">Clientes</a></li>
                                <li><a class="menuPrincipal" page="maestros/MaePais_lista.html" perm="MaePais.consultar" href="#">Paises</a></li>
                                <li><a class="menuPrincipal" page="maestros/MaeCiudad_lista.html" perm="MaeCiudad.consultar" href="#">Ciudades</a></li>
                                <li><a class="menuPrincipal" page="maestros/MaeBarrio_lista.html" perm="MaeBarrio.consultar"  href="#">Barrios</a></li>
                                <li><a class="menuPrincipal" page="maestros/MaeCComercial_lista.html" perm="MaeCComercial.consultar"  href="#">Centros Comerciales</a></li>
                                <li><a class="menuPrincipal" page="maestros/MaeLocal_lista.html" perm="MaeLocal.consultar"  href="#">Locales</a></li>
                                <li><a class="menuPrincipal" page="maestros/MaeSegmComercial_lista.html" perm="MaeSegmComercial.consultar"  href="#">Segmentos Comerciales</a></li>
                                <li><a class="menuPrincipal" page="maestros/MaeEmpresa_lista.html" perm="MaeEmpresa.consultar"  href="#">Empresas</a></li>
                                <li><a class="menuPrincipal" page="maestros/MaePremio_lista.html" perm="MaePremio.consultar"  href="#">Premios</a></li>
                                <li><a class="menuPrincipal" page="maestros/MaeSorteo_lista.html" perm="MaeSorteo.consultar"  href="#">Sorteos</a></li>
                                <li><a class="menuPrincipal" page="maestros/BoletasPorCliente_lista.html" perm="MaeSorteo.consultar"  href="#">Boletas Por Cliente</a></li>
                            </ul>
                        </li>
                        <li class="has-dropdown">
                            <a class="menuPrincipal" href="#">Seguridad</a>
                            <ul class="dropdown">
                                <li><a class="menuPrincipal" page="seguridad/SeguridadUsuario_lista.html" perm="SeguridadUsuario.consultar" href="#">Usuarios</a></li>
                                <li><a class="menuPrincipal" page="seguridad/SeguridadRol_lista.html" perm="SeguridadRol.consultar" href="#">Roles</a></li>
                                <!--<li><a class="menuPrincipal" page="seguridad/SeguridadUsuarioRol_asignar.html" perm="SeguridadUsuarioRol.consultar" href="#">Asignar Roles a Usuarios</a></li>-->
                                <!--li><a class="menuPrincipal" page="seguridad/SeguridadPermiso_lista.html" perm="SeguridadPermiso.consultar" href="#">Permisos</a></li-->
                                <!--<li><a class="menuPrincipal" page="seguridad/SeguridadRolPermiso_asignar.html" perm="SeguridadRolPermiso.consultar" href="#">Asignar Permisos a los Roles</a></li>-->
                            </ul>
                        </li>
                        <li class="name"><h1><a class="menuPrincipal" page="logout" perm="logout" href="#">Salir</a></h1></li>
                    </ul>

                    <!-- Left Nav Section -->
                    <!--ul class="left">
                      <li><a href="#">Left Nav Button</a></li>
                    </ul-->
                </section>
            </nav>
        </div>
        <!-- End Top Bar -->

        <!-- Header 
        <div class="row">
            <div class="large-12 columns">
                <img src="../recursos/imagenes/logo_header.png">
            </div>
        </div>
        End Header -->

        <!-- Content -->
        <div class="row">
            <div id="general_error" style="display: none"></div>
            <div id="contenidoHTML">
                <?php
                if (!isset($_POST["pageToShow"])) {
                    include "bandejaInicio.html";
                } else {
                    $page = $_POST["pageToShow"];
                    if (file_exists($page)) {
                        include $page;
                    } else {
                        echo '<p class="error">Falta el archivo <code>' . $page . '</code></p>';
                    }
                }
                ?>
            </div>
        </div>
        <!-- End Content -->

        <!-- Footer 
        <footer class="row"><hr />
            <div class="large-12 columns panel">
                <div class="row">
                    <div class="large-4 columns">
                        <p>&copy; ServiPortuarios</p>
                    </div>
                    
                    <div class="large-4 columns">
                        <ul class="inline-list right">
                            <li><a href="#">Link 1</a></li>
                            <li><a href="#">Link 2</a></li>
                            <li><a href="#">Link 3</a></li>
                            <li><a href="#">Link 4</a></li>
                        </ul>
                    </div>
                   
                </div>
            </div>
        </footer>
         END Footer -->

        <script type="text/javascript">

            //--- esto es necesario para el funcionamiento de la plantilla 
            document.write('<script src=../recursos/js/vendor/' +
                    ('__proto__' in {} ? 'zepto' : 'jquery') +
                    '.js><\/script>')
            $(document).foundation();
            //--- FIN -- esto es necesario para el funcionamiento de la plantilla 

            //Asociar los eventos a los link del menu principal
            $(document).on("click", ".menuPrincipal", function(e) {
                //--- si el item no tiene definido la pagina y el permiso, no sigo...
                if (typeof ($(this).attr("page")) === "undefined" || typeof ($(this).attr("perm")) === "undefined") {
                    return;
                }
                //--- verifico si debo cerrar la sesion
                if ($(this).attr("page") === "logout") {
                    cerrarSession();
                    return;
                }

                //--- valido los permisos del usuario en session
                if (validarPermisoUsuarioSession($(this).attr("perm")) !== "") {
                    return;
                }

                //--- cargo la pagina Destino (lo envio en un formulario)
                var form = $('<form action="#" method="post">' +
                        '<input type="hidden" id="pageToShow" name="pageToShow" value="' + $(this).attr("page") + '" />' +
                        '</form>');
                $('body').append(form);
                $(form).submit();

            });
        </script>  
    </body>
</html>
